<template>
	<view>
		<ni class="uni-ec-canvas" id="uni-ec-canvas" ref="uni-ec-canvas" canvas-id="uni-ec-canvas" :ec="ec"></ni>
		<!-- <bar></bar> -->
		<view class="kong">

		</view>
	</view>
</template>

<script>
	let app =getApp().globalData;
	import ni from '@/components/uni-ec-canvas/uni-ec-canvas.vue'
	import * as echarts from '@/components/uni-ec-canvas/echarts.js';
	export default {
		components: {
			ni
		},
		data() {
			return {
				ec: {
					option: {
						color: ["#4CEC97", "#D8EE48", "#4CCDE7", "#418DEC", "#4E6BE9", "#47D2B7"],
						grid: {
							containLabel: true
						},
						series: [{
							name: '访问来源',
							type: 'pie',
							radius: ['25%', '60%'],
							itemStyle: {
								emphasis: {
									shadowBlur: 10,
									shadowOffsetX: 0,
									shadowColor: 'rgba(0, 0, 0, 0.5)'
								},
								normal: {
									label: {
										show: true,
										formatter: "{b}\n{d}%",
										padding: 10,
										textStyle: {
											fontSize: 12,
											fontWeight: 500,
											color: '#999999',
											lineHeight: 12

										}

									},
									labelLine: {
										show: true
									}
								},
							},
							data: app.resultData.zhibiaolist
						}]
					}
				},
			};
		}
	}
</script>

<style lang="scss">
	.uni-ec-canvas {
		width: 100%;
		height: 489upx;
		display: block;
		// border: 1px solid #007AFF;
	}
</style>
